<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Content-Type" content="text/html">
		<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">

		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="email=no">
		<title>首页</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="assets/swiper/css/swiper.css" />
		<script src="assets/flexible/flexible.debug.js"></script>
		<script src="assets/flexible/flexible_css.debug.js"></script>
		<link rel="stylesheet" href="css/index.min.css">
		<link rel="stylesheet" href="assets/font/iconfont.css" />
	</head>

	<body>
		<header id="head">
			<span class="xh">笑话王</span>
		</header>

		<main id="main">
			
			<dl>
				<a href="html/index.html">
				<dt><img src="img/首页_03.png"/></dt>
				<dd>笑话大王</dd>
				</a>
			</dl>
			
			<dl>
				<a href="html/dome.html">
				<dt><img src="img/首页_05.png"/></dt>
				<dd>漫画大王</dd>
				</a>
			</dl>
			<dl>
				<a href="html/dome1.html">
				<dt><img src="img/首页_09.png"/></dt>
				<dd>段子大王</dd>
				</a>
			</dl>
			<dl>
				<a href="html/dome2.html">
				<dt><img src="img/首页_10.png"/></dt>
				<dd>娱乐世界</dd>
				</a>
			</dl>
			<dl class="block">
				<dt><img src="img/首页_13.png"/></dt>
				<dd>我的收藏</dd>
			</dl>
			<dl>
				<a href="html/cq.html">
				<dt><img src="img/首页_14.png"/></dt>
				<dd>送福利</dd>
				</a>
			</dl>
			
		</main>
<div class="box">
			<span class="yc">您没有收集笑话哦~</span>
			</div>
		<footer id="foot">
			<a href="index.html" class="foote">
				<span class="iconfont sps sp">&#xe679;</span>
				<p>笑话</p>
			</a>
			<a href="html/index1.html" class="foote">
				<span class="iconfont sps">&#xe60c;</span>
				<p>内涵</p>
			</a>
			<a href="html/index2.html" class="foote">
				<span class="iconfont sps">&#xe600;</span>
				<p>精选</p>
			</a>
			<a href="html/index3.html" class="foote">
				<span class="iconfont sps">&#xe673;</span>
				<p>更多</p>
			</a>

		</footer>

		<script src="assets/jquery/jquery-3.2.1.js"></script>
		<script src="assets/swiper/js/swiper.jquery.js"></script>
		<script src="assets/artTemplate/template-web.js"></script>
		<script src="assets/font/iconfont.js"></script>
		
		<script>
			$(".block").click(function(){
					$(".box").fadeIn(1000);
				})
			setInterval(function(){
				$(".box").fadeOut(1000);
				},5000)
		</script>
	</body>

</html>